// 头部样式开始 lxy 2020 8 20
header{
	width: 100%;
	height: 152px;
}
.w7{
	display: inline-block;
	width: 100%;
	height: 100%;
}	
.header{
	width: 100%;
	height: 108px;
	position: relative;
	z-index: 5;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 14px;
	&-left{
		display: flex;
		margin-left: 30px;
		color: #666;
		
	 .logo{
		 display: inline-block;
		 width: 60px;
		 height: 60px;
		 background: url(../images/left.png);
		 margin-right: 26px;
		 float: left;
	 }
	
	  .Category{
	      position:relative;
		  display: inline-block;
		  width: 100px;
		  line-height: 60px;
		  background: url(../images/dian.png)no-repeat 90px center;
		  &:hover{
			cursor: pointer;
			background: url(../images/tophover_xian1.jpg)no-repeat 8px center;
		  }
		  &:hover .list{
			  display: block;
			  
		  }
		  .list a:hover{
			  color: #a01f23;
			  text-decoration: underline;
		  }
		  .list{
			  position: absolute;
			  left: 18px;
			  top: 48px;
			  width: 80px;
			  padding-top: 10px;
			  font-size: 12px;
			  border: 1px solid #c9c9c9;
			  background-color: white;
			  overflow: hidden;
			  display: none;
			 a{
				 float: left;
				 padding-left: 10px;
				 width: 100%;
				 line-height: 20px;
				 color: #333;
				 text-decoration: none;
			 }
			 }
	  }
	 }
	
	 &-center{
		 position: absolute;
		 left: 40%;
		 
		 width: 140px;
		 height: 108px;
		 cursor: pointer;
		 background: url(../images/head_logo.png)no-repeat center center;
		 background-size: 100%;
	 }
	 &-right{
		 width: 100;
		 margin-right: 30px;
		 >a{
			 height: 30px;
			 line-height: 30px;
			 padding-left: 25px;
			 color: #EF480D;
			 text-decoration: none;
			 background: url(../images/right.png) no-repeat 0 -34px;
			 margin-right: 25px;
			 float: left;
		 }
		 .right-list{
			 position: relative;
			 line-height: 30px;
			 margin-left: 6px;
			 padding-left: 8px;
			 float: left;
			 width: 68px;
			 background: url(../images/dian.png)no-repeat 68px center;
			 &:hover{
				cursor: pointer;
				background: url(../images/tophover_xian1.jpg)no-repeat -12px center;
			 }
			 
		 }
		 .dingdan:hover .right-tip{
		 	display: block;
		 }
		 .zhoubian:hover .right-new{
		 	display: block;
		 }
		 .zhongxin:hover .right-tip{
		 	display: block;
		 }
		 
		 .jian{
		 	left: 2px;
		 	top: 22px;
		 }
	 }
	}
	.right-tip{
		position: absolute;
		left: -2px;
		top: 30px;
		width: 80px;
		padding-top: 10px;
		font-size: 12px;
		border: 1px solid #c9c9c9;
		background-color: white;
		overflow: hidden;
		display: none;
		a{
			 float: left;
			 padding-left: 10px;
			 width: 100%;
			 line-height: 20px;
			 color: #333;
			 text-decoration: none;
		}
		 a:hover{
			  color: #a01f23;
			  text-decoration: underline;
		}
	}
	.right-new{
		position: absolute;
		left: -50px;
		top: 30px;
		width: 190px;
		padding-top: 10px;
		padding-bottom: 10px;
		font-size: 12px;
		background-color: white;
		border: 1px solid #c9c9c9;
		overflow: hidden;
		display: none;
		a{
			 float: left;
			 padding-left: 10px;
			 width: 100%;
			 line-height: 20px;
			 color: #333;
			 text-decoration: none;
		}
		 a:hover{
			  color: #a01f23;
			  text-decoration: underline;
		}
		
	}
	.shoji{
		position: relative;
		display: inline-block;
		height: 30px;
		line-height: 30px;
		padding-left: 18px;
		cursor: pointer;
		margin-left: 6px;
		background: url(../images/right.png)no-repeat -10px -70px;
		.er{
			position: absolute;
			top: 26px;
			left: -80px;
			width: 150px;
			height: 182px;
			background: url(../images/weixin.png);
			display: none;
		}
		&:hover .er{
			display: block;
		}
	}
	
	
// 下拉查看目录的三角
 .jian{
 		  display: inline-block;
 		  width: 100%;
 		  height: 13px;
 		  position: absolute;
 		  left: 8px;
 		  top: 38px;
 		  z-index: 5;
 		  background: url(../images/beforefix.png)no-repeat center center;
		  
 		  }
.ac{
	display: none;
}
// 导航
nav{
	width: 100%;
	height: 44px;
	background-color: #f0f0f0;
	border-bottom: 1px solid #fff;
}
.nav-monu{
	width: 1120px;
	height: 44px;
	margin: 0 auto;
	display: flex;
	justify-content: center;
}
.nav-left{
	float: left;
	width: 780px;
	height: 44px;
	a{
	line-height: 44px;
	padding: 0 26px;
	font-size: 14px;
	text-decoration: none;
	color: #7C7B7B;
	border-right: 1px solid #7C7B7B;
	&:nth-child(6){
		border-right: none;
	}
	&:hover{
		color: #a01f23;
		text-decoration: underline;
	}
	}
	
}
.nav-right{
	float: left;
	width: 182px;
	height: 44px;
	input{
		float: left;
		width: 133px;
		height: 30px;
		line-height: 30px;
		background-color: #f0f0f0;
		border: none;
		border-bottom: 1px solid #747474;
		outline: none;
	}
	span{
		display: inline-block;
		width: 42px;
		height: 38px;
		cursor: pointer;
		background: url(../../images/left.png) no-repeat -22px -56px;
	}
}